<template>
<div class="left-nav">
  <ul>
    <li>收银</li>
    <li>商品</li>
    <li>会员</li>
    <li>统计</li>
    <li>店铺</li>
  </ul>
</div>
</template>

<script>

export default {
  name:'leftNav',
  data() {
    return {
      mag:'hello'
    }
  }
}
</script>

<style>
    .left-nav{
       color:#fff;
       font-size:10px;
       height:100%;
       background-color: #1D8ce0;
       float:left;
       width:5%;
    }
    .left-nav ul{
        padding:0px;
        margin: 0px;
    }
    .left-nav li{
        list-style: none;
        text-align: center;
        border-bottom:1px solid #20a0ff;
        padding:10px;
    }
</style>